* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html, body, #root, .app {
  width: 100%;
  height: 100%;
}

html .area, body .area, #root .area, .app .area {
  width: 100%;
  height: 100%;
}

html .area .breadcrumb, body .area .breadcrumb, #root .area .breadcrumb, .app .area .breadcrumb {
  width: 100%;
  height: 60px;
}

html .area .table, body .area .table, #root .area .table, .app .area .table {
  width: 100%;
  text-align: center;
}

html .area .modal .form, body .area .modal .form, #root .area .modal .form, .app .area .modal .form {
  margin: 0 auto;
}

html .city, body .city, #root .city, .app .city {
  width: 100%;
  height: 100%;
}

html .city .breadcrumb, body .city .breadcrumb, #root .city .breadcrumb, .app .city .breadcrumb {
  height: 60px;
}
